const { defineConfig } = require('@vue/cli-service')
const httpProxy = require('http-proxy');
const proxy = httpProxy.createProxyServer();
module.exports = defineConfig({
  transpileDependencies: true,
	//代理服务器，解决跨域问题

	devServer: {
    // host: 'a54a-42-247-82-98.ngrok-free.app',
    // port: 8080,
    open: true,

    https: false,

    hot: true,
  //  host:"127.0.0.1",

    // // http 代理配置（下面的内容是你在用代理服务器的时候用的，这里可以删掉）
    port: 9876,
    proxy: {                 //设置代理，必须填
      '/api': {              //设置拦截器  拦截器格式   斜杠+拦截器名字，名字可以自己定
        target: 'https://47c9-42-247-82-98.ngrok-free.app',     //代理的目标地址http://125.216.227.30:9090/
        secure: false,  			  // https接口配置这个参数
        changeOrigin: true, 		  // 跨域           //是否设置同源，输入是的
        ws: true, //用于支持websocket
        pathRewrite: {                   //路径重写
          '/api': ''                     //选择忽略拦截器里面的单词
        }
      }
    }
  },

	// devServer: {
  //   before(app) {
  //     app.all('/api/*', (req, res) => {
  //       proxy.web(req, res, {
  //         target: 'https://fefd-42-247-82-98.ngrok-free.app', // 设置代理服务器转发的目标地址
  //         changeOrigin: true,
  //       });
  //     });
  //   },
  // },
})

// 头部引入
// const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')

// configureWebpack: (config) => {
// 	const plugins = []
// 	plugins.push(new NodePolyfillPlugin())
// }




// // 或者
// configureWebpack: {
// 	plugins: [new NodePolyfillPlugin()]
// }

